<template>
	<view @click="skipToHuxingDetail(item.id, item.parentId)" style="width: 540upx;height: 296upx;" class="apart-item d-flex a-center mr-2 my-1">
		<image :src="item.image" class="ml-2" style="height: 226upx;width: 300upx;" mode=""></image>
		<view style="color: #666666;" class="apart-info">
			<view class="d-flex flex-column" style="color: #2A2A2A;">
				<text class="apart-title single-row-over">{{ item.habitableRoom }}</text>
				<text class="font-28 single-row-over">建面约{{item.buildingArea}}</text>
				<text class="font-28 single-row-over">{{item.title}}</text>
			</view>
			<view>在售</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		item: {
			type: Object,
			default: () => {
				return {};
			}
		}
	},
	methods:{
		skipToHuxingDetail(id, parentId){
			uni.navigateTo({
				url:"/pages/estate/huxingDetail/huxingDetail?contentId=" + parentId + "&houseTypeId=" + id
			})
		}
	}
};
</script>
<style scoped>
	.apart-item {
		width: 540upx;
		height: 296upx;
		margin-right: 20upx;
		background: #FFFFFF;
		box-shadow: 0 4upx 14upx 0 rgba(0,0,0,0.20);
		border-radius: 8upx;
	}
	.apart-info{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 296upx;
		width: 160upx;
		margin: 0 30upx;
	}
	.apart-title{
		font-size: 32upx;
		font-weight: bold;
	}
</style>
